<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 
            也许你在上节课中会有一个疑惑，为什么z轴上的效果需要借助透视这个东西才能实现呢？开发者们是不是闲的？其实并不是，道理其实就像我们看3D电影会戴3D眼镜一样。
        */

        /* 
            透视perspective: 在2D平面产生近大远小视觉立体，但是只是效果二维的
                - 如果想要在网页产生3D效果需要透视(理解成3D物体投影在2D平面内)。
                - 模拟人类的视觉位置，可认为安排一只眼睛去看
                - 透视我们也称为视距∶视距就是人的眼睛到屏幕的距离
                - 距离视觉点越近的在电脑平面成像越大，越远成像越小
                - 透视的单位是像素

            注意!!!!!!!!!!!!!!
                - 透视是写在被观察元素的父盒子上面的
                    d: 就是视距, 视距就是一个距离人的眼睛到屏幕的距离
                    z: 就是z轴，物体距离屏幕的距离，z轴越大(正值), 我们看到的物体就越大
        */
    </style>
</head>
<body>
    
</body>
</html>